<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
  <link rel="stylesheet" href="bootstarp/css/bootstrap.min.css">
  <script src="bootstarp/js/jquery-3.6.0.min.js"></script>
  <script src="bootstarp/js/popper.min.js"></script>
  <script src="bootstarp/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="css/products.css">
  <title>product</title>
  <style></style>
</head>

<body>
 <!-- 头部 -->
 <div class="navbar  navbar-expand-lg  navbar-light zdy-head ">

  <div class="container  d-flex justify-content-between">
          <div class="logo1">
              <a href="index.html"><img src="pic/logo-w.a96df43.png" alt=""></a>
              
          </div>
  <!-- 小菜单 -->
  <button class="navbar-toggler justify-content-end" data-toggle="collapse" data-target="#menu">
      <span class="navbar-toggler-icon"></span>
    </button>

    <!-- 大菜单 -->
    <div class="collapse navbar-collapse justify-content-end"  id="menu">
      
      <div class="nav">
          <div class="nav-item">
              <a href="products.html" class="nav-link">产品Produs</a>
          </div>
          <div class="nav-item">
              <a href="barnd.html" class="nav-link">品牌探索</a>
          </div>
          <div class="nav-item">
              <a href="#" class="nav-link">咨询News</a>
          </div>
          <div class="nav-item">
              <a href="#" class="nav-link">招贤纳士Carees</a>
          </div>
          <div class="nav-item">
              <a href="#" class="nav-link">商务合作Cooperation</a>
          </div>
      </div>

  </div>
         
      </div>
  </div>

</div>
  <!-- 头部 -->
  <div class="banner-header-box ">
    </div>
  </div>

  <!-- 商品 -->
  <div class="zdy-products-box">
    <div class="container">
      <div class="row">
        <!-- 商品1 -->
        <div class="col-md-4 col-sm-6 products-dh col-6 p-4">
          <div class="w-100 products-fd">
            <img src="./pic/product-1.png" alt="" class="w-100">
          </div>
          <div class="w-100 mt-3 products-text">
            <p class="text-center m-0">BEE FIRST LEARNER BIKES</p>
            <p class="text-center m-0">￥399.00</p>
          </div>
        </div>

        <div class="col-md-4 col-sm-6 products-dh col-6 p-4">
          <div class="w-100 products-fd">
            <img src="./pic/product-2.png" alt="" class="w-100">
          </div>
          <div class="w-100 mt-3 products-text">
            <p class="text-center m-0">BEE FIRST TRICYCLES</p>
            <p class="text-center m-0">￥589.00</p>
          </div>
        </div>

        <div class="col-md-4 col-sm-6 products-dh col-6 p-4">
          <div class="w-100 products-fd">
            <img src="./pic/product-3.png" alt="" class="w-100">
          </div>
          <div class="w-100 mt-3 products-text">
            <p class="text-center m-0">BEE MOTOT TRICYCLES</p>
            <p class="text-center m-0">￥649.00</p>
          </div>
        </div>

       
        <div class="col-md-4 col-sm-6 products-dh col-6 p-4">
          <div class="w-100 products-fd">
            <img src="./pic/product-8.png" alt="" class="w-100">
          </div>
          <div class="w-100 mt-3 products-text">
            <p class="text-center m-0">MATE-COLLEGE EDITON</p>
            <p class="text-center m-0">￥889.00</p>
          </div>
        </div>

        <div class="col-md-4 col-sm-6 products-dh col-6 p-4">
          <div class="w-100 products-fd">
            <img src="./pic/product-4.png" alt="" class="w-100">
          </div>
          <div class="w-100 mt-3 products-text">
            <p class="text-center m-0">MATE CLASSIC</p>
            <p class="text-center m-0">￥619.00</p>
          </div>
        </div>

        <div class="col-md-4 col-sm-6 products-dh col-6 p-4">
          <div class="w-100 products-fd">
            <img src="./pic/product-9.png" alt="" class="w-100">
          </div>
          <div class="w-100 mt-3 products-text">
            <p class="text-center m-0">RUGHT PICNIC EDITON</p>
            <p class="text-center m-0">￥669.00</p>
          </div>
        </div>

        <div class="col-md-4 col-sm-6 products-dh col-6 p-4">
          <div class="w-100 products-fd">
            <img src="./pic/product-5.png" alt="" class="w-100">
          </div>
          <div class="w-100 mt-3 products-text">
            <p class="text-center m-0">RIGHT RUNNING BIKE</p>
            <p class="text-center m-0">￥584.00</p>
          </div>
        </div>

        <div class="col-md-4 col-sm-6 products-dh col-6 p-4">
          <div class="w-100 products-fd">
            <img src="./pic/product-6.png" alt="" class="w-100">
          </div>
          <div class="w-100 mt-3 products-text">
            <p class="text-center m-0">FLASG CHAMPION RUNNING BIKE</p>
            <p class="text-center m-0">￥1098.00</p>
          </div>
        </div>
      </div>
    </div>
  </div>

   <!-- 底部 -->
   <div class="zdy-db w-100">
    <div class="container">
        <div class="zdy-dbbox d-flex">
            <div class="zdy-dbbox-text w-50">
                <div class="p-4">
                    <p>CONTACT US</p>
                </div>
                <div class="d-flex justify-content-start align-items-center tz p-4 ">
                    <img src="pic/red.png" alt="">
                    <img src="pic/wechat.png" alt="">
                    <img src="pic/weibo.png" alt="">
                    <img src="pic/ins.png" alt="">
                </div>
                <div class="zdy-lsfs p-4">
                    <p>电话 Tel：400-878-1070</p>
                    <p>邮箱 Email：info@kidpop.cn</p>
                    <p>地址 Add：浙江省杭州市拱墅区学院</p>
                    <p>北路50号东业三宝文化创意园2-211</p>
                </div>
            </div>
            <!-- 输入框 -->
            <div class="zdy-srk w-50 p-4">
                <div class="shk mb-3">
                    <input type="text" placeholder=" 您的姓名">
                    <input type="text" placeholder=" 您的邮箱">
                </div>
                <div class="shk2">
                    <textarea name="" id="" cols="30" rows="10" placeholder="您的信息... Your Message..."
                        class="wenben"></textarea>
                </div>
                <div class="zdy-srk-btn">
                    <button class="btn ">发送</button>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 版权 -->
<div class="container-fluid bqcolor">
    <div class="zdy-bq text-center p-4">
        <p>Copyright © Kidpop 2020. All rights reserved.</p>
        <p>浙ICP备2020035461号-1</p>
    </div>
</div>
</body>

</html>